<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <base href="${basePath}">
  <title>${t('ui.home.common.title.home')}</title>
  <link href="${libCss('static/lib/bootstrap/css/bootstrap.css')}" rel="stylesheet" />
  <link href="${libCss('static/lib/bootstrap-icons/bootstrap-icons.css')}" rel="stylesheet" />
  <link href="${libCss('static/lib/bootstrap-table/bootstrap-table.css')}" rel="stylesheet" />
  <link href="${libCss('static/lib/bootstrap-datepicker/css/bootstrap-datepicker.css')}" rel="stylesheet" />
  <link href="${libCss('static/lib/jstree/themes/default/style.css')}" rel="stylesheet" />
  <link href="${libCss('static/lib/pure-frontend/css/pure-frontend.css')}" rel="stylesheet" />
  <link href="${libCss('static/lib/daterangepicker/daterangepicker.css')}" rel="stylesheet" />
  <link href="${appCss('static/app/common/css/global.css')}" rel="stylesheet" />
  <link href="${appCss('static/app/common/css/custom.css')}" rel="stylesheet" />
  <link href="${appCss('static/app/home/home-menu.css')}" rel="stylesheet" />
  <link href="${appCss('static/app/home/home.css')}" rel="stylesheet" />
</head>

<body class="x-full-size x-scrollbar-hidden x-body-custom home-default">

  <div class="home-left-side">
    <!-- 顶部栏 -->
    <div class="home-top-bar">
      ${pagePlaceholder('app.brand')}

      <span role="img" aria-label="menu-fold" class="home-menu-fold">
        <svg viewBox="64 64 896 896" focusable="false" data-icon="menu-fold" width="1em" height="1em"
          fill="currentColor" aria-hidden="true">
          <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 
            8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 
            8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 
            632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 
            642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 000 13.8z">
          </path>
        </svg>
      </span>
    </div>

    <!-- 菜单栏 -->
    <div class="home-menu-bar">
    </div>
    <!-- END 菜单栏 -->
  </div>

  <div class="home-right-side">
    <!-- 顶部栏 -->
    <div class="home-top-bar">
      <span role="img" aria-label="menu-unfold" class="home-menu-unfold">
        <svg viewBox="64 64 896 896" focusable="false" data-icon="menu-unfold" width="1em" height="1em"
          fill="currentColor" aria-hidden="true">
          <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 
            204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 
            8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 
            632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 
            519a8.84 8.84 0 000-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0014.4 7z">
          </path>
        </svg>
      </span>

      <nav class="navbar navbar-expand-lg">
        <div class="collapse navbar-collapse">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item dropdown home-top-bar-account">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">

              </a>
              <div class="dropdown-menu">
                <a class="dropdown-item"
                  href="javascript:alert('${t('ui.system.common.msg.functionIsNotImplemented')}')">
                  ${t('ui.home.common.nav.userCenter')}
                </a>
                <a class="dropdown-item"
                  href="javascript:alert('${t('ui.system.common.msg.functionIsNotImplemented')}')">
                  ${t('ui.home.common.nav.userSetting')}
                </a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="logout">${t('ui.home.common.nav.logout')}</a>
              </div>
            </li>
            <li class="nav-item">
              <a id="refreshFrontConfigLink" class="nav-link dev-control" href="javascript:void(0)">
                ${t('ui.home.common.nav.refreshConfig')}
              </a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
    <!-- END 顶部栏 -->

    <!-- 内容区域 -->
    <div class="home-main-content pure-app">

    </div>
    <!-- END 内容区域 -->
  </div>

  <!-- 菜单背景 -->
  <div class="home-menu-backdrop"></div>

  <script src="${libJs('static/lib/jquery/jquery.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/jquery-validation/jquery.validate.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/jquery-cookie/jquery.cookie.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/lodash/lodash.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/feather/feather.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/moment/moment.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/jstree/jstree.js')}"></script>
  <script src="${libJs('static/lib/bootstrap/js/bootstrap.bundle.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/bootstrap-table/bootstrap-table.js')}"></script>
  <script src="${libLang('static/lib/libs-i18n-dir/jquery-validation/jquery-validation.js')}"></script>
  <script src="${libLang('static/lib/libs-i18n-dir/bootstrap-table/bootstrap-table.js')}"></script>
  <script src="${libJs('static/lib/daterangepicker/daterangepicker.js')}" type='text/javascript'></script>
  <script src="${libLang('static/lib/libs-i18n-dir/daterangepicker/daterangepicker.js')}"></script>
  <script src="${libJs('static/lib/ui-data/ui-data.js')}" type='text/javascript'></script>
  <script src="${libJs('static/lib/pure-frontend/js/pure-frontend.js')}" type='text/javascript'></script>
  <script src="${appJs('app/common/js/global-utils/global-utils-all.js')}" type='text/javascript'></script>
  <script src="${appJs('app/common/js/global-init/global-init-all.js')}" type='text/javascript'></script>
  <script src="${appJs('app/common/js/ui-utils/ui-utils-all.js')}" type='text/javascript'></script>
  <script src="${appJs('app/common/js/current-running-app.js')}" type='text/javascript'></script>
  <script src="${appJs('app/home/home-dev.js')}" type='text/javascript'></script>
  <script src="${appJs('app/home/home-menu.js')}" type='text/javascript'></script>
  <script src="${appJs('app/home/home.js')}" type='text/javascript'></script>
</body>

</html>